<template>
    <!-- 辅助空白 -->
    <view class="diy-shop">
        <view class="shop-item" v-for="(dataItem, index) in dataList" :key="index">
            <form @submit="_onTargetDetail" :report-submit="true">
                <button formType="submit" class="btn-normal dis-flex flex-y-cent++++++++++++++++er" :data-id="dataItem.shop_id">
                    <view class="shop-item__logo">
                        <image class="image" :src="dataItem.logo_image"></image>
                    </view>
                    <view class="shop-item__content flex-box">
                        <view class="shop-item__title">
                            <span>{{ dataItem.shop_name }}</span>
                        </view>
                        <view class="shop-item__address onelist-hidden">
                            <span>{{$t('m.mendian')}}：{{ dataItem.region.province }}{{ dataItem.region.city }}{{ dataItem.region.region }}{{ dataItem.address }}</span>
                        </view>
                        <view class="shop-item__phone">
                            <span>{{$t('m.lianxi')}}：{{ dataItem.phone }}</span>
                        </view>
                    </view>
                </button>
            </form>
        </view>
    </view>
</template>

<script>
const app = getApp();
export default {
    data() {
        return {
            dataItem: {
                shop_id: '',
                logo_image: '',
                shop_name: '',

                region: {
                    province: '',
                    city: '',
                    region: ''
                },

                address: '',
                phone: ''
            }
        };
    },
    options: {
        addGlobalClass: true
    },
    /**
     * 组件的属性列表
     * 用于组件自定义设置
     */
    props: {
        itemIndex: String,
        itemStyle: Object,
        dataList: Array
    },
    /**
     * 组件的方法列表
     * 更新属性和数据的方法与更新页面数据的方法类似
     */
    methods: {
        /**
         * 跳转门店详情页
         */
        _onTargetDetail(e) {
            // 记录formid
            app.globalData.saveFormId(e.detail.formId);
            uni.navigateTo({
                url: '/pages/shop/detail/index?shop_id=' + e.detail.target.dataset.id
            });
        }
    }
};
</script>
<style>
@import './index.css';
</style>
